<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8" />
		<title>3.分析Hello效果</title>
		<!-- 引入Vue -->
		<script type="text/javascript" src="../js/vue.js"></script>
	</head>
	<body>
		<!-- 第一步：准备一个容器 -->
		<div id="demo">
			<h1>学校名称：{{school}}</h1>
			<h1>学校名称（大写）：{{school.toUpperCase()}}</h1>
			<h1>学校名称（大写且前两位）：{{school.toUpperCase().slice(0,2)}}</h1>
			<h1>测试1：{{1+1}}</h1>
			<h1>测试2：{{floor>6?'高':'低'}}</h1>
			<h1>测试3：school.toUpperCase()</h1>
			<h1>测试4：1+1</h1>
		</div>

		<script type="text/javascript" >
			// 第二步：创建Vue实例对象
			new Vue({
				el:'#demo', 
				data:{
					school:'atguigu',
					floor:9,
				}
			})
			
		</script>
	</body>
</html>